<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>气排捧杯</title>
    <script>
        window.onload = function() {
            document.documentElement.style.fontSize = document.documentElement.clientWidth/7.5 + 'px';
        }
    </script>
    <style>
        * {
            margin: 0;
            padding: 0;
        }
        html,body {
            height: 100%;
            width: 100%;
            background: black;
            display: flex;
            align-items: center;
        }
        video {
            width: 100%;
        }
        h1 {
            position: absolute;
            top: 1.5rem;
            width: 100%;
            text-align: center;
            font-size: .8rem;
            color: #fff;
        }
    </style>
</head>
<body>
    <h1>气排比赛捧杯</h1>
    <video poster="./1.png" src="./1.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"' controls></video>
</body>
</html>